<!DOCTYPE html>
<html lang="zh-cn">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="/theme/layer_skin/indigo.css">
  <link rel="stylesheet" href="/theme/cock_skin/indigo.css">
</head>
<body>
  <div id="container">
    <a class="post-btn kwbtn"
       data-name="post"
       data-placeholder="职位"
       data-title="请选择职能类别"
       data-parent="true"
       title="请选择职能类别"
       data-multi="5"
    >
      <span class="ellipsis">职位</span>
      <input type="hidden" name="funtype" value="">
    </a>

    <a class="address-btn kwbtn"
       data-name="area"
       data-placeholder="地点"
       data-parent="true"
       data-title="选择期望地点"
       title="选择期望地点"
       data-multi="1"
       data-allowed="090100,010000,030000"
       data-forbid="1"
    >
      <span class="ellipsis">地点</span>
      <input type="hidden" name="jobarea" value="">
    </a>

    <a class="address-btn kwbtn"
       data-name="area"
       data-placeholder="地点"
       data-parent="false"
       data-title="选择期望地点"
       title="选择期望地点"
       data-clean="true"
       data-multi="5">
      <span class="ellipsis">地点</span>
      <input type="hidden" name="jobarea" value="">
    </a>

    <a class="address-btn kwbtn"
      data-name="class"
      data-placeholder="企业"
      data-title="点击选择行业" title="请选择行业"
      data-multi="5">
      <span class="ellipsis">行业</span>
      <input type="hidden" name="company_type" value="">
    </a>
    <input type="text" placeholder="aaaaa">
  </div>

  <script src="//f3.v.veimg.cn/f2e/gallery/art-template/3.0/template.js"></script>
  <script src="//f3.v.veimg.cn/www_veryeast_cn/v2017/js/jquery-1.9.1.min.js"></script>

  <script>
    var static_data = {}
    function getPosition(result) {$.extend(static_data, result.data)}
    function getArea(result) {$.extend(static_data, result.data)}
    function getOther(result) {
      static_data.company_industry = result.data.company_industry
    }
  </script>
  <script src="http://i.veryeast.cn/data/job?format=jsonp&callback=getPosition"></script>
  <script src="http://i.veryeast.cn/data/area?format=jsonp&callback=getArea"></script>
  <script src="http://i.veryeast.cn/data/other?format=jsonp&callback=getOther"></script>
  <!--<script src="//mobile.interface.veryeast.cn/data/options?callback=getStaticOptions"></script>-->
  <!--<script src="//www.veryeast.cn/data/company/industry-type?format=jsonp&callback=getIndustryType"></script>-->
  <script src="/layer.js"></script>
  <script src="/cock.js"></script>
  <!-- webpack rollup parcel -->
  <script>
    $('#container')
      .on('click', '.kwbtn[data-name]', function () {
        var $this = $(this),
          data = $this.data();
        // 选中的id
        data.hit = $this.find('input').val().split(',');
        Cock[$this.data('name').split('-')[0]](data, function (list) {
          // 对选中数据做处理并插入到dom中
          var value = list.v.join(','), text = list.t.join('+');

          $this.find('input').val(value ? value : '');
          $this.attr('title', text ? text : $this.data('title'));
          $this.find('span').html(text ? Cock.helper.substring(text, 24) : $this.data('placeholder'));
        });
      })

    $('body').on('click','.layui-layer-btn1', function () {
      console.log('buxian ')
    })
  </script>
</body>
</html>
